<script lang="tsx" setup>
  import { reactive } from 'vue'
  import { FormSchema } from '@/components/Form'
  import Form from '@/components/Form/index.vue'
  // import { testApi } from '@/apis/test'
  // import { onMounted } from 'vue'

  // onMounted(async () => {
  //   const result = await testApi()
  //   console.info(result)
  // })

  const schema = reactive<FormSchema[]>([
    {
      field: 'name',
      label: '姓名',
      value: '443',
      component: 'Input',
    },
  ])
</script>
<template>
  <div class="kitchen">
    <Form :schema="schema" />
    <!-- <h1>我的</h1> -->
  </div>
</template>

<style lang="scss" scoped>
  .kitchen {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
</style>
